<?php echo CHelper::registerCssFile(Yii::app()->theme->baseUrl . '/resource/css/module-index.css'); ?>
<?php echo CHelper::registerScriptFile(Yii::app()->theme->baseUrl . '/resource/js/jquery.carouFredSel.min.js' ,CClientScript::POS_END);?>  
<div id="carousel-index">
    <div id="carousel-index-list">
        <a href="###" class="carousel-index-item">
            <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/banner/c1.jpg"; ?> "width="100%" height="422px"/>
        </a>
        <a href="###" class="carousel-index-item">
            <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/banner/c2.jpg"; ?> "width="100%" height="422px"/>
        </a>
        <a href="###" class="carousel-index-item">
            <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/banner/c1.jpg"; ?> "width="100%" height="422px"/>
        </a>
        <a href="###" class="carousel-index-item">
            <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/banner/c2.jpg"; ?> "width="100%" height="422px"/>
        </a>
    </div>
    <!-- <div id="carousel-index-pager"></div> -->
</div>

<div id="index-content" class="common-w1008 clearfix">
    <div id="index-title"></div>
    <div id="index-description" class="clearfix'">
        <div class="description-item">
            <div id="des-step">
                <div class="step-item">
                    <i class="n1 number-img"></i>
                    <h2>专属于您和您爱人的微网页</h2>
                    <p>[婚礼请柬]您的手机中有很多APP，可有专属与您和您爱人的APP吗？手机APP婚礼请柬您手机中唯一专属于您和您爱人的APP。</p>
                </div>
                <div class="step-item">
                    <i class="n2 number-img"></i>
                    <h2>功能强大</h2>
                    <p>[婚礼请柬]手机APP婚礼请柬包含：我们的喜帖（里面又包含喜帖、流程、酒店地图）功能、我们的故事功能、我们的相册功能、我们的视频功能、告诉他们、签到祝福功能、特别鸣谢功能。替代了纸质请柬功能单一，让您的请柬低碳环保高端大气上档次。</p>
                </div>
                <div class="step-item">
                    <i class="n3 number-img"></i>
                    <h2>几十种手机APP请柬样式</h2>
                    <p>[婚礼请柬]我们有几十种手机APP请柬样式、颜色，很好的满足结婚新人个性化的需求。</p>
                </div>
                <div class="step-item">
                    <i class="n4 number-img"></i>
                    <h2>送请柬方式灵活多样</h2>
                    <p>[婚礼请柬]无需手下请柬、无需快递请柬、无需送请柬，您可以给亲朋好友短信发送、微信发送、微博分享、微信分享到朋友圈，您的亲朋好友都能快速下载。</p>
                </div>
                <div class="step-item">
                    <i class="n5 number-img"></i>
                    <h2>口碑宣传利器</h2>
                    <p>[婚礼请柬]无需手下请柬、无需快递请柬、无需送请柬，您可以给亲朋好友短信发送、微信发送、微博分享、微信分享到朋友圈，您的亲朋好友都能快速下载。</p>
                </div>
            </div>
        </div>
        <div class="description-item" style="margin-left: 140px;text-align: center">
            <div>
                <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/img/app_img.jpg" ?>" />
            </div>
            <div >
                <span style="font-weight: bold;font-size: 20px;color: #858586;">微信扫描二维码</span>
            </div>
            <div>
                <img src="<?php echo Yii::app()->theme->baseUrl . "/resource/images/img/code.png" ?>" />
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function() {
        //<:  首页轮播
        $('#carousel-index-list').carouFredSel({
            //pagination: '#carousel-index-pager',
            scroll: {
                duration: 1000,
                timeoutDuration: 5000000
            },
            swipe: {
                onMouse: true,
                onTouch: true
            }
        });
        //:>
    });
</script>